<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 展开运算符（...），将一个数组进行展开   不会修改原数组
    // 典型运用场景：求数组最大最小值、合并数组等
    // const arr = [1, 2, 3]
    // console.log(arr)      // [1, 2, 3]
    // 展开运算符  可以展开数组
    // console.log(...arr)   // 1 2 3


    // 1.求数组最大最小值
    const arr1 = [1, 2, 3]
    console.log(Math.max(1, 2, 3))  // 3
    // ...arr1 === 1,2,3
    console.log(Math.max(...arr1))  // 3
    console.log(Math.min(...arr1))  // 1

    // 2.合并数组
    const arr2 = [4, 5, 6]
    const arr = [...arr1, ...arr2]
    console.log(arr)      // [1, 2, 3, 4, 5, 6]
    console.log(...arr)   // 1 2 3 4 5 6


    // 展开运算符 or 剩余参数
    // 剩余参数：函数参数使用，得到真数组
    // 展开运算符数组中使用，数组展开
  </script>
</body>

</html>